<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./icon/font_3970265_8640mxgf9qa/iconfont.css">
    <link rel="stylesheet" href="./css/11-login-personal.min.css">
</head>
<body>
    <header>
        <span>个人中心</span>
    </header>
    <main>
        <div class="user">
            <div class="wellcome">
                <div class="jpg">
                    <img src="./img/11-login-personal/头像2.jpg" alt="">
                </div>
                
                <span>订花乐用户</span>
            </div>
            
            <div class="login">
                <span>注销</span>
            </div>
        </div>
        <div class="order">
                <div class="my-order">
                    <span>我的订单</span>
                    <span>全部订单></span>
                </div>
                <!-- 状态图标 -->
                <div class="status-query">
                    <div class="waiting box">
                        <span class="icon iconfont">&#xe63f;</span>
                       
                        <span class="text">待付款</span>
                    </div>
                    <div class="send box">
                        <span class="icon iconfont">&#xe6aa;</span>
                       
                        <span class="text">派送中</span>
                    </div>
                    <div class="to-evaluated box">
                        <span class="icon iconfont">&#xe612;</span>
                       
                        <span class="text">待评价</span>
                    </div>
                    <div class="completed box">
                        <span class="icon iconfont">&#xe640;</span>
                        
                        <span class="text">已完成</span>
                    </div>
                </div>
                
        </div>
        <!-- 交互栏 -->
        <div class="column">
                  <div class="column-assembly">
                    <div class="">
                        <span>优惠卷</span>
                    </div>
                    <div class="get">
                        <span>收货地址</span>
                    </div>
                    <div class="">
                        <span>设置</span>
                    </div>
                  </div>  
        </div>
    </main>
    <footer>
            <div class="tabar">
                <div class="tartree">
                    <span class="icon iconfont">&#xe605;</span>
                    <span class="text">首页</span>
                </div>
                <div class="tartree">
                    <span class="icon iconfont">&#xe635;</span>
                    <span class="text">分类</span>
                </div>
                <div class="tartree">
                    <span class="icon iconfont">&#xe8ad;</span>
                    <span class="text">电话</span>
                </div>
                <div class="tartree">
                    <span class="icon iconfont">&#xe73d;</span>
                    <span class="text">购物车</span>
                </div>
                <div class="tartree">
                    <span class="icon iconfont box-my">&#xe8a0;</span>
                    <span class="text my">我的</span>
                </div>
                

            </div>
    </footer>
</body>
</html>